✅ Deploy Preview for mermaid-js ready!

Name	Link
🔨 Latest commit	cae456f
🔍 Latest deploy log	https://app.netlify.com/sites/mermaid-js/deploys/669bc91761a00b0008ac646d
😎 Deploy Preview	https://deploy-preview-5353--mermaid-js.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

As mentioned in the todo, my current focus is on addressing some key pain points:

• Resolving label collisions
• Resolving mid-link text collisions
• Preventing link intersection with nodes

These issues are readily apparent in the demo

I'm completely open to suggestions and advice for enhancing the graph implementation. Please feel free to share here any thoughts or ideas you have in mind!

Codecov Report

Attention: Patch coverage is 0.60753% with 818 lines in your changes missing coverage. Please review.

Project coverage is 5.75%. Comparing base (3c3d28d) to head (cae456f).

@@            Coverage Diff             @@
##           develop   #5353      +/-   ##
==========================================
- Coverage     5.85%   5.75%   -0.11%     
==========================================
  Files          274     283       +9     
  Lines        41112   41922     +810     
  Branches       488     522      +34     
==========================================
+ Hits          2408    2413       +5     
- Misses       38704   39509     +805     

Can you please refer to these PRs and use langium instead of jison?
We are migrating away from JISON, and would prefer new diagrams in langium, so that we don't have to do a migration.

• feat: Add packet diagram #4839
• feat: add pie langium parser #4751

Can you please refer to these PRs and use langium instead of jison? We are migrating away from JISON, and would prefer new diagrams in langium, so that we don't have to do a migration.

• feat: Add packet diagram #4839
• feat: add pie langium parser #4751

Hi! @sidharthv96, thanks a lot for the heads up! I totally missed that earlier.
I'm getting ideas from these PRs now! But I'm worried I might have missed some docs. Did I overlook something? Also, quick question: Should I stick with the 'packages/Mermaid' package or create a new one? Appreciate your help! 🙏

edit: is it acceptable for me to target the 'next' branch at this point?

But I'm worried I might have missed some docs. Did I overlook something?

Currently, the documentation is kind of outdated, so it may not be relevant in some aspects, especially when creating new diagrams with Langium.

Also, quick question: Should I stick with the 'packages/Mermaid' package or create a new one? Appreciate your help! 🙏

You don't need to create a new package; just create new folders with the name of the diagram in:

• packages/parser/src/language
• packages/mermaid/src/diagrams

Then please refer to the listed PRs above to know what other files should be modified or added.

edit: is it acceptable for me to target the 'next' branch at this point?

Yes, the packages/parser exists only on the next branch for now. So it would be better if you checkouted from it instead of develop. It's fine if you targeted next now, but you may need to resolve conflict to update the current branch.

Hi @nirname

Thank you for the feedback! I'll update the naming convention.

Regarding Jison, I'm currently working on the ContextMap Langium parser here, so the Jison version will be changed.

PS: yep, I initially called it 'mini-context-map' because it might not fully implement the language reference. However, I later removed the prefix as it didn't seem relevant.

We are really interested in this feature. Has there been any progress recently? Happy to help test or otherwise assist. Thanks.

We are really interested in this feature. Has there been any progress recently? Happy to help test or otherwise assist. Thanks.

Hi @benr77, sure!

I'm currently finishing the integration of the previous work with the new Langium parser. In a few days, I'll update this pull request with the master branch and resume work on the drawing part, which still lacks many features.

If you'd like, we can have a discussion on the Mermaid Discord once I wrap up my current task. Since I'm working on this in my spare time, my schedule isn't precise. I'm not an expert in this domain, so any insights or experience you can share would be super valuable. I'm also the first interested in making this kind of chart available on Mermaid, but consider that I'm treating it as an ongoing side project.

Hey @AngeloChecked thanks for the update. I am happy hear that this is still moving forward, and I completely understand it's a voluntary side project (I have several myself!).

Ping me a message when things are at a good stage to test, and I'll spend some time working with it and happy to report back with issues. I am no expert at context mapping or Mermaid but I am involved in a project whereby we are going to need this kind of diagramming a lot over the coming months so I'll have plenty of opportunities to test it.

Thanks!

The latest updates on your projects. Learn more about Argos notifications ↗︎

Hi @nirname, @sidharthv96, @Yokozuna59

I've force-pushed the entire branch with the new Langium parser implementation (and solved some linting).

I'm very open to any feedback, corrections, or improvements (config, naming, testing...).

Now, I'm shifting my focus back to the drawing part.

How can I start to use this feature on the live mermaid site?

How can I start to use this feature on the live mermaid site?

Hi @hemalvarambhia, I’m focusing on other stuff right now, so progress on this is slowing down. I plan to return on this in a few days. It’s far from ready... I’m dealing with issues like overlapping elements and experimenting with the spring embedder-like solutions. I don’t have a timeline yet for a usable version on the Mermaid website, but knowing there’s interest motivates me to prioritize it when I’m back. Thanks!

Hi @hemalvarambhia, I’m focusing on other stuff right now, so progress on this is slowing down. I plan to return on this in a few days. It’s far from ready... I’m dealing with issues like overlapping elements and experimenting with the spring embedder-like solutions. I don’t have a timeline yet for a usable version on the Mermaid website, but knowing there’s interest motivates me to prioritize it when I’m back. Thanks!

@AngeloChecked that's perfect. I'll try to keep an eye. I love drawing context maps as they've been helpful.

@hemalvarambhia Let me refocus on this project, and if you'd like, we can set up an online meeting.

@hemalvarambhia Let me refocus on this project, and if you'd like, we can set up an online meeting.

@AngeloChecked I'd love it if you could refocus. I am drawing a context map at the moment. Being able to draw one would provide developers with important information for their work.

if you'd like, we can set up an online meeting.

@AngeloChecked I am happy to have that conversation ❤️. Can Zoom work?